<!DOCTYPE html>
<html>
<head>
<title>View all proudcts</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="/css/bootstrap-responsive.css">
<link rel="stylesheet" href="/css/widget.css">
<link rel="stylesheet" href="/css/busi.css">
<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/busi.js"></script>
</script>
<body>
<div class="container">
<div>
{{include "logo.htm"}}
{{include "separator.htm"}}
</div>
<div>
<section id="transitions">
  <div class="page-header">
	<h4>Manage all products</h4>
  </div>                 
<table class="table table-bordered table-hover">
<thead>
    <tr>
      <th>Name</th>
	    <th>Catalog</th>
      <th>Price</th>
	    <th>Modify time</th>
	    <th>Operation</th>
    </tr>
  </thead>
  <tbody>
     {{range .products}}
     {{with .}}
    <tr>
      <td>{{.Name}}</td>
	    <td>{{.Catagory}}</td>
      <td>{{.Price}}</td>
	     <td>{{.ModifyTime}}</td>
	     <td class="prod-op">
		  <ol>
		   <li><a href="/adm/prod/edit?ProdId={{.ProductId}}">Edit</a></li>
		   <li><a href="/adm/prod/del?ProdId={{.ProductId}}">Delete</a></li>
		   <li bid="{{.ProductId}}" class="prio-dlop"><span class="{{if eq 1 .Priority}}new-icon{{end}}{{if eq 2 .Priority}}hot-icon{{end}}{{if eq 3 .Priority}}featured-icon{{end}}">&nbsp;</span>
		   <a class="chg-prio" href="javascript:;">Priority<b>&nbsp;</b></a></li>
		  </ol>
       </td>
    </tr>
    {{end}}
    {{end}}
  </tbody>
</table>
<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>
</section>
</div>
<div id="prio-dl" style="left: -1000px; top: 1006px; z-index: 4000; visibility: hidden;">
  {{include "droplist.htm" "content" "priority.htm"}}
</div>

</div>
</body>
</html>